<template>
  <div>
    <RlSwitch v-model="value1"></RlSwitch>
    <RlSwitch v-model="value1" active-color="green" inactive-color="red"></RlSwitch>
    <RlSwitch active-text="yes" inactive-text="no" active-color="blue" inactive-color="gray" ></RlSwitch>
  </div>
  <div>
    <RlSwitch active-text="yes" inactive-text="no" inline-prompt inactive-color="red" active-color="green"></RlSwitch>
    <RlSwitch v-model="value2" :inactive-value="0" :active-value="1"></RlSwitch>
    <span>{{ value2 }}</span>
  </div>
</template>

<script setup lang="ts">
import RlSwitch from '@/components/Switch/Switch.vue'
import { ref } from 'vue';
defineOptions({
  name:'SwitchView'
})
const value1 = ref(1)
const value2 = ref(1)

</script>

